// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.
@import '../common/styles/colors.scss';
@import '../common/styles/fonts.scss';

.requirement-detail {
    font-size: 14px;
    padding-top: 16px;
    padding-right: 8px;
    padding-bottom: 16px;
    padding-left: 8px;
    display: flex;
    align-items: baseline;
    text-align: left;

    strong {
        font-weight: $font-weight-semi-bold;
    }

    :global(.outcome-chip) {
        vertical-align: middle;
        margin-bottom: 2px;
    }
}

.requirement-detail-description {
    @include text-style-body-m;

    word-break: break-all;
}

.requirement-details-id {
    font-weight: $font-weight-semi-bold;
    color: $primary-text;
    word-break: break-all;

    a {
        font-weight: $font-weight-semi-bold;
        color: $primary-text;
    }
}
